@font-face { font-family: impact; src: url('../ttf/impact.ttf') } 
body{
	background:rgb(90,47,33);
}
#app>*{
	position:relative;
	top:-100px;
}
.head-bg{
	width:100%;
	position:relative;
	z-index:1;
	top:0px!important;
}
.uptitle {
    display: block;
    width: 100%;
    z-index: 2;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.58);
}
/* ��Ʒ�б� */
	.comList{
		width:6.70rem;
		margin:0 auto;
		box-sizing: border-box;
		background:#fff;
		z-index:9;
    position: relative;
	}
	.comList ul{
		background:#fff;
		min-height:6rem;
		width:100%;
		margin:0 auto;
		background:#823c1b;
		position:relative;
		overflow: hidden;
	}
	.comList ul:before{
		content:'';
		display:block;
		position:absolute;
		top:0;
		left:0px;
		height:6rem;
		width:1px;
		background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(200,185,55,.4)), to(rgba(0,0,0,0)));
	}
	.comList ul:after{
		content:'';
		display:block;
		position:absolute;
		top:0;
		right:0px;
		height:4rem;
		width:1px;
		background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(200,185,255,.3)), to(rgba(0,0,0,0)));
	}
	.bottom_border{
		position:absolute;
		bottom:0;
		right:0px;
		height:1px;
		width:80%;
		background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(200,200,200,.25)), to(rgba(0,0,0,0)));
	}
	.comList ul li{
		color:rgb(239,200,111);
		width:100%;
		min-height:3rem;
		margin-bottom:.4rem;
		position:relative;
		
	}
	.libj{
		width:70%;
		height:115%;
		position:absolute;
		top: -.2rem;
		right:-.2rem;
		background: radial-gradient(circle 50px, rgba(250, 120, 2, 0.25) 00px ,rgba(255,152,3,0.0));
		zoom:2;
	}
	.comList ul li .inner{
		padding:.65rem;
	}
	.bloom1{
		background:url(../images/bloom2.png);
		top:10px;
		right:10px;
	}
	.bloom2{
		background:url(../images/bloom1.png);
		top:10px;
		left:10px;
	}
	.bloom3{
		background:url(../images/bloom3.png);
		bottom:10px;
		right:10px;
	}
	.bloom4{
		background:url(../images/bloom4.png);
		bottom:10px;
		left:10px;
	}
	/*bloom no site up -- background-size   --xxy*/
	.bloom{
		position:absolute;
		background-size:100% 100%;
		width:1rem;
		height:1rem;
	}
	
	/*产品1*/
	.comList li .left,.comList li .right{
		float:left;
		width:50%;
		position:relative;
		z-index:1;
	}
	.comList li .left{
		position:relative;
		top:1em;
	}
	.comList li .right{
		
	}
	.comList li .left img{
		width:1.3rem;
		height:1.3rem;
	}
	.comList li .right img{
	    width: 2.1rem;
		height: 2.1rem;
	}
	.comList li .name{
		
		height: 1.5em;
		overflow: auto;
	}
	.comList li .money{
		font-family:'impact';
		font-size:1.5em;
		font-weight:900;
		background:-webkit-linear-gradient(top,#fff,#fcd383 50%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
	}
	.comList li .left .money{
		text-align:right;
		position:relative;
		right:.5rem;
	}
	.comList li .right .money{
		position:absolute;
	    right: -.3rem;
    	bottom: .8rem;
	}

/*����ר��*/
	.hot_box{
		padding: .3rem;
	}
	.hot_box ul{
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 0;  
		position:relative;
		/* top:-3.5rem; */
	}
	.hot_box ul:after{
		content:"";
		display:block;
		clear:both;
	}
	.hot_box ul>li{
		float: left;
		min-height: 2rem;
		width: 3.35rem;
		box-sizing: border-box;
		margin-bottom: .2rem;
		box-shadow:1px 2px 8px 2px rgba(19, 18, 18, 0.54);
		
	}
	.hot_box ul>li:nth-child(2n){
		position:relative;
		left: .2rem;
	}
	.hot_box li>a{
		display: block;
		color: #646464;
		font-size: 0;
	}
	/*��Ʒͼ*/
	.img_com{
		width: 100%;
		min-height:3rem;
		display: block;
		/* border: .07rem solid #f06333; */
		border-bottom-width:0px;
		box-sizing: border-box;
	}
	/*��Ʒ���*/
	.hot_box .msg{
		font-size: .32rem;
		font-weight: 700;
		line-height: .5rem;
		padding-left: .1rem;
		/* background: url(../images/diban.png); */
		/* background-size:100% 100%; */
		color: #000;
		padding-top:.2em;
		padding-bottom:.2em;
		padding-left:-.1em;
		background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgb(48,18,16)), to(rgb(82,46,32)));
	}
	.hot_box .name{
		color:#fff;
		font-size:.27rem;
		height: 1.5em;
		overflow: auto;
	}
	.hot_box .money{
		display:block;
		font-size:.5rem;
		background:-webkit-linear-gradient(top,#fff,#fcd383 80%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		text-align: right;
		margin-top:.1em;
		position:relative;
		right:.2em;
		top:0rem;
		z-index:2;
	}
	.hot_box .jgsm{
		color:#fff;
		font-size:.25rem;
		line-height:.4rem;
	}
	.hot_box s{
		
    color: rgb(208,181,133);
    /* margin-top: 1.5em; */
    /* display: inline-block; */
    /* word-break: break-all; */
	}

.imgtitle{
	display:block;
	text-align: center;
	margin-top: -.2rem;
}
.imgtitle img{
	width: 100%;
}
.loaderimg{
	margin-bottom: .5rem;
}
.imgtitle img{
	width: 7.2rem;
	
}
